@charset "utf-8";

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    outline: 0;
}

body { font: 13px 'Ubuntu', 'PT Sans', Arial, sans-serif; color: #666; background: #eaeaea; line-height: 1; }
a { outline: 0; text-decoration: none; }
strong { font-weight: bold; }
h2 { border-bottom: 3px solid #ddd; padding-bottom: 4px; font-size: 22px; font-weight: bold; text-shadow: 0 1px 1px #B3B3B3; }

.float-l { float: left; }
.float-r { float: right; }
.clear-l { clear: left; }
.clear-r { clear: right; }
.clear-b { clear: both; }

.topbar-wrapper { width: 100%; float: left; text-align: center; background: -moz-linear-gradient(center bottom , #404040, #606060) repeat scroll 0 0 transparent; box-shadow: 0 0 10px #555; }
.topbar { width: 1000px; margin: 5px auto 8px; text-align: right; color: #eee; font-size: 12px; }

.header-wrapper { width: 100%; float: left; clear: left; }
.header { width: 1000px; margin: 0 auto; }

.logo { width: 400px; float: left; padding: 20px 0 0; }
.logo a { display: inline-block; }
.logo a span.line1 { font-size: 30px; font-weight: bold; color: #fff; float: left; text-shadow: 0 1px 1px #666; }
.logo a span.line2 { color: #aaa; float: right; clear: both; }

.nav { width: 600px; float: right; text-align: right; padding: 20px 0; }
.nav ul { float: right; position: relative; list-style-type: none; margin: 0; }
.nav ul li { float: left; clear: none; position: relative; margin-left: 8px; background: -moz-linear-gradient(bottom, #e2e2e2, #fefefe); border: 1px solid #d6d6d6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.nav ul li:hover { background: -moz-linear-gradient(bottom, #dcdcdc, #f9f9f9); }
.nav ul li a { text-decoration: none; text-align: center; line-height: 1; color: #666; background: transparent; background-repeat: no-repeat; background-position: 50% 8px; padding: 26px 10px 6px; display: inline-block; }
.nav ul li a.users { background-image: url(../images/icons/dark/medium/users.png); }
.nav ul li a.add { background-image: url(../images/icons/dark/small/add.png); }
.nav ul li a.magnify { background-image: url(../images/icons/dark/medium/magnify.png); }
.nav ul li a.graph { background-image: url(../images/icons/dark/medium/graph.png); }
.nav ul li a.cog3 { background-image: url(../images/icons/dark/medium/cog3.png); }
.nav ul li.current { background: -moz-linear-gradient(bottom, #ad442f, #da7a66); border-color: #da7a66; }
.nav ul li.current a { color: #fff; }
.nav ul li.current a.users { background-image: url(../images/icons/light/medium/users.png); }
.nav ul li.current a.add { background-image: url(../images/icons/light/small/add.png); }
.nav ul li.current a.magnify { background-image: url(../images/icons/light/medium/magnify.png); }
.nav ul li.current a.graph { background-image: url(../images/icons/light/medium/graph.png); }
.nav ul li.current a.cog3 { background-image: url(../images/icons/light/medium/cog3.png); }

.content-wrapper { width: 100%; float: left; clear: left; text-align: center; }
.content { width: 970px; margin: 0 auto 20px; border: 1px solid #c2c2c2; box-shadow: 0 0 10px #c2c2c2; padding: 15px; border-radius: 3px; background: #fff; display: inline-block; text-align: left; }

.data-table { float: left; clear: left; width: 100%; }
.data-table table { border-collapse: collapse; border-spacing: 0; width: 100%; font-size: 12px; background-color: #fff; }
.data-table th, .data-table td { padding: 4px 8px 5px 0; border-bottom: 1px solid #d6d6d6; vertical-align: middle; }
.data-table th:first-child, .data-table td:first-child { padding-left: 8px; }
.data-table th { font-weight: bold; padding-top: 4px; padding-bottom: 6px; border-top: 3px solid #e6e6e6; }
.data-table td { color: #444; }
.data-table tbody tr:nth-child(odd) { background-color: #e4e4e4; }
.data-table tbody tr:nth-child(even), input:disabled, input.disabled, input, textarea, select, input.datepicker { background-color: #f4f4f4; }
.data-table tbody tr:hover { background-color: #d4d4d4; }

.listing-sideblock { float: right; width: 216px; padding: 8px 12px 10px; background-color: #eee; box-shadow: 0 0 3px #ababab inset; border: 1px solid #bfbfbf; border-radius: 3px; }
.listing-sideblock h2 { color: #ae432e; text-shadow: 0 1px 1px #B3B3B3; font-size: 18px; height: 20px; border-bottom: 3px solid #bfbfbf; margin-bottom: 12px; }
.listing-sideblock ul { list-style-type: none; }
.listing-sideblock ul li { height: 20px; padding-left: 22px; line-height: 1.2; }
.listing-sideblock ul li.user { background: url(/images/icons/user_red.png) no-repeat 0 0; }
.listing-sideblock ul li.report { background: url(/images/icons/page_white_word.png) no-repeat 0 0; }
.listing-sideblock ul li a { text-decoration: underline; color: #ae432e; }
